home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Stylesheets / pre-loading.izs < prev    next >
Text File  |  2005-09-27  |  2KB  |  157 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Pre-Loading Message 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>You can use this script to alert the users that your page is loading, is good if you have a long loading site.<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>css<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL PRE-LOADING MESSAGE:
  14.  
  15.  
  16.  
  17.   1.  Copy code into the HEAD section of document  -->
  18.  
  19.  
  20.  
  21. <!-- STEP ONE: Add code into HEAD section of document  -->
  22.  
  23.  
  24.  
  25. <HEAD>
  26.  
  27.  
  28.  
  29. <style type="text/css">
  30.  
  31. <!--
  32.  
  33. #loading {
  34.  
  35.     width: 200px;
  36.  
  37.     height: 100px;
  38.  
  39.     background-color: #c0c0c0;
  40.  
  41.     position: absolute;
  42.  
  43.     left: 50%;
  44.  
  45.     top: 50%;
  46.  
  47.     margin-top: -50px;
  48.  
  49.     margin-left: -100px;
  50.  
  51.     text-align: center;
  52.  
  53. }
  54.  
  55. -->
  56.  
  57. </style>
  58.  
  59.  
  60.  
  61. <script type="text/javascript">
  62.  
  63. <!-- Created by: Robert Paulson : http://www.abrahamjoffe.com.au/ -->
  64.  
  65. <!-- Begin
  66.  
  67. document.write('<div id="loading"><br><br>Please wait...</div>');
  68.  
  69. window.onload=function(){
  70.  
  71.     document.getElementById("loading").style.display="none";
  72.  
  73. }
  74.  
  75. // End -->
  76.  
  77. </script>
  78.  
  79.  
  80. <!-- END OF SCRIPT -->
  81. <!/SCRIPT>
  82.  
  83. <!PREVIEW>
  84. <!-- START OF SCRIPT -->
  85.  
  86.  
  87. <!-- HOW TO INSTALL PRE-LOADING MESSAGE:
  88.  
  89.  
  90.  
  91.   1.  Copy code into the HEAD section of document  -->
  92.  
  93.  
  94.  
  95. <!-- STEP ONE: Add code into HEAD section of document  -->
  96.  
  97.  
  98.  
  99. <HEAD>
  100.  
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105. <!--
  106.  
  107. #loading {
  108.  
  109.     width: 200px;
  110.  
  111.     height: 100px;
  112.  
  113.     background-color: #c0c0c0;
  114.  
  115.     position: absolute;
  116.  
  117.     left: 50%;
  118.  
  119.     top: 50%;
  120.  
  121.     margin-top: -50px;
  122.  
  123.     margin-left: -100px;
  124.  
  125.     text-align: center;
  126.  
  127. }
  128.  
  129. -->
  130.  
  131. </style>
  132.  
  133.  
  134.  
  135. <script type="text/javascript">
  136.  
  137. <!-- Created by: Robert Paulson : http://www.abrahamjoffe.com.au/ -->
  138.  
  139. <!-- Begin
  140.  
  141. document.write('<div id="loading"><br><br>Please wait...</div>');
  142.  
  143. window.onload=function(){
  144.  
  145.     document.getElementById("loading").style.display="none";
  146.  
  147. }
  148.  
  149. // End -->
  150.  
  151. </script>
  152.  
  153. <!-- END OF SCRIPT -->
  154. <!/PREVIEW>
  155.  
  156. <!RELATED>NONE<!/RELATED>
  157.